<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
   xmlns:ui="http://java.sun.com/jsf/facelets"
   xmlns:fn="http://java.sun.com/jsp/jstl/functions"
   xmlns:f="http://java.sun.com/jsf/core"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:rich="http://richfaces.org/rich"
   xmlns:a4j="http://richfaces.org/a4j"
   xmlns:gs="http://java.sun.com/jsf/composite/gs"
   template="/WEB-INF/templates/default.xhtml">
	<ui:define name="menu">
		<ui:include src="/protected/user/menu.xhtml" >
			<ui:param name="activeMenu" value="cliente" />
			<ui:param name="activeSubMenu" value="personaFisica" />
		</ui:include>		
	</ui:define>	
	<ui:define name="breadcrumb">
		<ui:include src="breadcrumbShow.xhtml" />
	</ui:define>
	<ui:define name="content">
		<div class="row">
			<div class="span9">
				<ul id="clienteTab" class="nav nav-tabs">
					<li class="active"><a href="#home" data-toggle="tab">#{messages.personaFisicaData}</a></li>
					<li><a href="#address" data-toggle="tab">#{messages.personaDireccion}</a></li>
	            </ul>
				<div id="clienteContent" class="tab-content">
					<div class="tab-pane fade in active" id="home">
						<h:form id="form-show" styleClass="well form-horizontal">
							<fieldset>
					    		<div class="control-group">
					    			<h:outputLabel value="#{messages.personaTipoDocumento}:" 
					    				for="tipoDocumento"
					    				styleClass="control-label"/>
					    			<div class="controls">
								    	<h:outputText id="tipoDocumento" value="#{messages[personaFisicaBean.entity.tipoDocumento.label]}"/>
					    			</div> 
					    		</div>
				
					    		<div class="control-group">
							    	<h:outputLabel value="#{messages.personaNumeroDocumento}:"  
					    				for="numeroDocumento" 
					    				styleClass="control-label"/>
					    			<div class="controls">
					    				<h:outputText id="numeroDocumento" value="#{personaFisicaBean.entity.numeroDocumento}">
					    					<f:convertNumber type="number" groupingUsed="true" />
					    				</h:outputText>
					    			</div> 
					    		</div>

					    		<div class="control-group">
							    	<h:outputLabel value="#{messages.personaSexo}:"  
					    				for="sexo" 
					    				styleClass="control-label"/>
					    			<div class="controls">
					    				<h:outputText id="sexo"
					    					value="#{messages[personaFisicaBean.entity.sexo.label]}" />
					    			</div> 
					    		</div>

					    		<div class="control-group">
							    	<h:outputLabel value="#{messages.personaCUIT}:"  
					    				for="cuit" 
					    				styleClass="control-label"/>
					    			<div class="controls">
					    				<h:outputText id="cuit"
					    					converter="cuitConverter"
					    					value="#{personaFisicaBean.entity.cuit}"  />
					    			</div> 
					    		</div>
				
					    		<div class="control-group">
							    	<h:outputLabel value="#{messages.personaApellido1}:"  
					    				for="apellido1" 
					    				styleClass="control-label"/>
					    			<div class="controls">
					    				<h:outputText id="apellido1" value="#{personaFisicaBean.entity.apellido1}" />
					    			</div> 
					    		</div>
				
					    		<div class="control-group">
							    	<h:outputLabel value="#{messages.personaApellido2}:"  
					    				for="apellido2" 
					    				styleClass="control-label"/>
					    			<div class="controls">
					    				<h:outputText id="apellido2" value="#{personaFisicaBean.entity.apellido2}" />
					    			</div> 
					    		</div>
				
					    		<div class="control-group">
							    	<h:outputLabel value="#{messages.personaPrimerNombre}:"  
					    				for="primerNombre" 
					    				styleClass="control-label"/>
					    			<div class="controls">
					    				<h:outputText id="primerNombre" value="#{personaFisicaBean.entity.primerNombre}" />
					    			</div> 
					    		</div>
					    		
					    		<div class="control-group">
							    	<h:outputLabel value="#{messages.personaSegundoNombre}:"  
					    				for="segundoNombre" 
					    				styleClass="control-label"/>
					    			<div class="controls">
					    				<h:outputText id="segundoNombre" value="#{personaFisicaBean.entity.segundoNombre}" />
					    			</div> 
					    		</div>
				
					    		<div class="control-group">
							    	<h:outputLabel value="#{messages.personaFechaNacimiento}:"  
					    				for="fechaNacimiento" 
					    				styleClass="control-label"/>
					    			<div class="controls">
					    				<h:outputText id="fechaNacimiento" value="#{personaFisicaBean.entity.fechaNacimiento}">
					    					<f:convertDateTime 
					    						pattern="dd/MM/yyyy" />
					    				</h:outputText>
					    			</div> 
					    		</div>
					    			    		
								<div class="form-actions">
									<gs:buttonBack bean="#{personaFisicaBean}"/>
								</div>
					    	</fieldset>
					    </h:form>
              		</div>
					<div class="tab-pane fade" id="address">
						<h:form id="form-show-direccion" styleClass="well form-horizontal">
							<fieldset>
					    		<div class="control-group">
					    			<h:outputLabel value="#{messages.direccionPais}:" 
					    				for="direccion-pais"
					    				styleClass="control-label"/>
					    			<div class="controls">
								    	<h:outputText id="direccion-pais" 
								    		value="#{personaFisicaBean.entity.direccion.localidad.provincia.pais.name}"/>
					    			</div> 
					    		</div>
					    		<div class="control-group">
					    			<h:outputLabel value="#{messages.direccionProvincia}:" 
					    				for="direccion-provincia"
					    				styleClass="control-label"/>
					    			<div class="controls">
								    	<h:outputText id="direccion-provincia" 
								    		value="#{personaFisicaBean.entity.direccion.localidad.provincia.name}"/>
					    			</div> 
					    		</div>
					    		<div class="control-group">
					    			<h:outputLabel value="#{messages.direccionLocalidad}:" 
					    				for="direccion-localidad"
					    				styleClass="control-label"/>
					    			<div class="controls">
								    	<h:outputText id="direccion-localidad" 
								    		value="#{personaFisicaBean.entity.direccion.localidad.name}"/>
					    			</div> 
					    		</div>
					    		<div class="control-group">
					    			<h:outputLabel value="#{messages.direccionCalle}:" 
					    				for="direccion-calle"
					    				styleClass="control-label"/>
					    			<div class="controls">
								    	<h:outputText id="direccion-calle" 
								    		value="#{personaFisicaBean.entity.direccion.calle}"/>
					    			</div> 
					    		</div>
					    		<div class="control-group">
					    			<h:outputLabel value="#{messages.direccionNumero}:" 
					    				for="direccion-numero"
					    				styleClass="control-label"/>
					    			<div class="controls">
								    	<h:outputText id="direccion-numero" 
								    		value="#{personaFisicaBean.entity.direccion.numero}"/>
					    			</div> 
					    		</div>
					    		<div class="control-group">
					    			<h:outputLabel value="#{messages.direccionCodigoPostal}:" 
					    				for="direccion-codigoPostal"
					    				styleClass="control-label"/>
					    			<div class="controls">
								    	<h:outputText id="direccion-codigoPostal" 
								    		value="#{personaFisicaBean.entity.direccion.codigoPostal}"/>
					    			</div> 
					    		</div>
					    		<div class="control-group">
					    			<h:outputLabel value="#{messages.direccionPiso}:" 
					    				for="direccion-piso"
					    				styleClass="control-label"/>
					    			<div class="controls">
								    	<h:outputText id="direccion-piso" 
								    		value="#{personaFisicaBean.entity.direccion.piso}"/>
					    			</div> 
					    		</div>
					    		<div class="control-group">
					    			<h:outputLabel value="#{messages.direccionDepartamento}:" 
					    				for="direccion-departamento"
					    				styleClass="control-label"/>
					    			<div class="controls">
								    	<h:outputText id="direccion-departamento" 
								    		value="#{personaFisicaBean.entity.direccion.departamento}"/>
					    			</div> 
					    		</div>
								<div class="form-actions">
									<gs:buttonBack bean="#{personaFisicaBean}"/>
								</div>
					    	</fieldset>
					    </h:form>
             		</div>
				</div>
			</div>
		</div>
	</ui:define>	
</ui:composition>
